﻿/*------------------------------------------------------------------------
# LinkCard - July 2012
# ------------------------------------------------------------------------
# Author: Haidv
# Websites:  http://dev.meotom.net -  Email: haidv7@gmail.com
------------------------------------------------------------------------- */
/* Begin Reset.css */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }

ol, ul { /*list-style: none;*/ }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

/* remember to define focus styles!*/
:focus { outline: 0; }

/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }

/* clear fix */
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }

.clearfix { display: inline-block; }

html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }
body { line-height: 125%; font-size: 12px; font-family: Arial,tahoma,verdana, "lucida grande"; background-color: #FFF; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; padding: 0; margin: 0; }
ul, ol { list-style: none; }
img { border: 0; }
a { color: #271672; text-decoration: none; }
a:hover { text-decoration: underline; }
.fl { float: left; }
.fr { float: right; }
/*End reset.css*/

#divLoading { color: #000; position: fixed; top: 0px; left: 0px; line-height: 26px; z-index: 100; padding-left: 10px; padding-right: 10px; font-weight: bold; border: solid 0px #FFF; background-color: #CCC; display: none; }
#LoginForm, #RegisterForm, .inner-wrapper, .inner-header, .inner-menu, .banner, .inner-footer, .ddsmoothmenu { width: 1000px; margin: 0 auto; }
.slide-content, .backout {width: 1000px; margin: 0 auto;}
#wrapper, .LoginForm { width: 100%; }
.header { width: 100%; border-top: solid 4px #002745; height: 31px; background-color: #005281; }
.inner-header { text-align: right; line-height: 30px; }
.inner-header ul li { display: inline; padding-left: 20px; }
.inner-header ul li a { color: #febd3b; }
.inner-header ul li a.selected { font-weight: bold; }
.banner { height: 72px; }
.inner-wrapper { background-color: #f0f0f0; margin-top: 45px; padding-bottom: 20px; }
.left { float: left; width: 220px; margin-right: 10px; }
.left h2 { color: #005281; font-size: 14px; padding-top: 10px; padding-bottom: 10px; }
.content { float: left; width: 769px; }
.sub-menu { border-bottom: solid 1px #a0a0a0; margin-top: 10px; margin-bottom: 10px; padding-bottom: 5px; }
.sub-menu li { display: inline; color: #a0a0a0; font-weight: bold; }
.sub-menu li a { font-size: 14px; font-weight: bold; color: #a0a0a0; }
.body { padding: 20px 25px; }
.body h1 { color: #005281; }
.body p { line-height: 14px; }
.meta { color: #777; font-size: 11px; padding-bottom: 5px; padding-top: 5px; }
.logo { width: 193px; height: 62px; float: left; background: url("../images/logo_banner.jpg") no-repeat scroll 0px 0px transparent; margin-top: 05px; }
.search { width: 347px; height: 50px; float: right; padding-top: 10px; }
#txtSearch { border: medium none; color: #999; font-size: 11px; height: 18px; padding-left: 3px; padding-right: 3px; width: 166px; }
.boxSearch { border: solid 1px #83a9c2; height: 20px; margin-top: 2px; position: relative; width: 187px; float: right; }
#btnSearch { background: url("../images/bg.png") no-repeat scroll 0px -46px transparent; border: medium none; cursor: pointer; height: 16px; position: absolute; right: 2px; top: 4px; width: 15px; }
.menu { border-bottom: solid 5px #0095d0; height: 40px; float: left; width: 100%; }
.inner-menu { text-align: right; padding-top: 10px; }
.inner-menu ul li { display: inline; padding-left: 30px; float: right; }
.inner-menu ul li a { text-transform: uppercase; color: #000; display: block; height: 18px; padding-left: 12px; padding-right: 12px; padding-top: 12px; }
.inner-menu ul li a:hover { text-decoration: none; }
.inner-menu ul li a.selected, .inner-menu ul li a:hover { background-color: #0095d0; color: #FFF; -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px; }
.slide { height: 514px; border-bottom: solid 5px #0095d0; text-align:center; }
.backout { margin-top: 60px; margin-bottom: 50px; text-align: center; }

.left-menu { width: 220px; float: left; background-color: #0095d0; margin-bottom: 10px; }
.left-menu ul li { line-height: 40px; }
.left-menu ul li a { font-size: 14px; color: #000; background: url("../images/bg.png") no-repeat scroll 15px -97px transparent; display: block; float: left; width: 190px; padding-left: 30px; }
.left-menu ul li a.selected, .left-menu ul li a:hover { background: url("../images/bg.png") no-repeat scroll 15px -160px #e0e0e0; }
.left-menu ul li a:hover { text-decoration: none; }
/*Partner*/
.partner-top { width: 729px; height: 274px; float: left; background-color: #e0e0e0; padding: 10px 20px 10px 20px; position: relative; }
.partner-logo, .partner-detail, .product-cat { width: 100%; float: left; /*border-top: solid 1px #9e9e9e;*/ margin-top: 0px; padding-top: 0px; margin-right:10px; }
.partner-image { width: 366px; float: left; height: 268px; overflow: hidden; }
.partner-content { padding-left: 10px; float: left; width: 353px; }
.partner-content h2 { color: #005281; font-size: 16px; line-height: 125%; }
.partner-content h2 a { color: #005281; text-decoration: none; }
.partner-content p { line-height: 16px; padding-top: 10px; padding-bottom: 10px; }
.partner-index { position: absolute; top: 255px; right: 20px; }
.partner-index ul li { display: inline; }
.partner-index ul li a { display: block; float: left; width: 10px; height: 10px; background-color: #949494; margin-left: 5px; }
.partner-index ul li a.selected { background-color: #0095d0; }
.partner-logo ul li { display: inline; position: relative; width: 379px; height: 200px; float: left; margin-top:5px; margin-right: 5px;}
/*.partner-logo ul li a { display: block; margin-top: 10px; }*/
.partner-logo ul li a img { display: block; margin-top: 10px; width:379px;}
.partner-body { width: 500px; float: left; }
.partner-body img { max-width: 500px !important; }
.partner-right { width: 245px; float: left; }
.partner-detail { /*padding-top: 10px;*/line-height: 18px; padding-right:5px; }
.partner-gmap{ /*padding-top: 10px;*/ }
.partner-info { /*background-color: #e0e0e0;*/ /*width: 265px; height: 204px;*/ padding-left: 10px; padding-top: 10px; }
.partner-info h1 { font-size: 18px; }
.partner-info p { padding-top: 5px; padding-bottom: 5px; }
.partner-address { padding: 12px; }
.partner-address h1 { font-size: 18px; }
/*.partner-address p { padding-top: 5px; padding-bottom: 5px; }*/

.partner-product { float: left; width: 100%; margin-top: 10px; }
.partner-product .product img { max-width: 156px; max-height: 116px; }
.partner-product h2 { font-size: 14px; color: #00adef; margin-bottom: 10px; }
.product { width: 156px; height: 220px; border: solid 1px #c4c4c4; padding-left: 10px; padding-right: 10px; padding-top: 10px; float: left; margin-right: 14px; position: relative; background-color: #FFF; -webkit-box-shadow: 2px 2px 2px 0px #CCC; box-shadow: 2px 2px 2px 0px #CCC; }
.product h3 { font-size: 13px; border-bottom: solid 1px #c4c4c4; padding-bottom: 5px; padding-top: 10px; height: 58px; overflow: hidden; color: #00adef; }
.product h3 a { color: #00adef; text-decoration: none; }
.product .image-box { height: 116px; width: 156px; }
.product span.price { font-size: 21px; font-weight: bold; width: 100%; margin-top: 10px; float: left; position: absolute; bottom: 7px; }
/*News Category*/
.news-list li { background-color: #e0e0e0; float: left; padding-bottom: 0px; width: 100%; }
.view-more { color: #00adef; }
.news-img { float: left; }
.news-img img { width: 233px; }
.news-detail { padding-left: 15px; float: left; width: 500px; padding-top: 10px; }
.news-detail h2 a { color: #005281; font-size: 14px; }
.news-meta { color: #777; font-style: italic; font-size: 11px; padding-top: 5px; padding-bottom: 5px; }
.news-desc { line-height: 16px; }
.news-content { padding: 0px 0px; }
.news-content h1 { color: #005281; font-size: 14px; }
.news-content p { margin: 10px 0px; line-height: 150%; }
/*.news-content table td { padding: 10px 10px; line-height: 150%; }*/

/*Product*/
.products, .products-slide { float: left; width: 100%; }
.products-image { width: 474px; float: left; overflow: hidden; height: 224px; text-align: center; }
.products-image img { max-width: 474px; max-height: 224px; }
.products-detail { width: 242px; height: 184px; float: left; margin-left: 13px; background-color: #e0e0e0; padding: 20px; line-height: 26px; position: relative; }
.products-detail h1 { font-size: 18px; color: #005281; margin-bottom: 10px; }
.products-detail p span { font-weight: bold; }
.products-detail a.btnOrder { width: 118px; height: 34px; display: block; position: absolute; bottom: 15px; right: 20px; background: url("../images/bg.png") no-repeat scroll 0px -62px transparent; }
.products-slide { background-color: #e0e0e0; height: 100px; margin-top: 10px; padding-top: 10px; padding-bottom: 10px; }
.product-cat h2 { font-size: 14px; color: #005281; margin-top: 5px; }
.product-cat ul li { padding: 10px; width: 227px; height: 270px; overflow: hidden; display: inline; float: left; background-color: #e0e0e0; margin-top: 15px; overflow: hidden; }
.product-cat ul li.two { margin-right: 14px; margin-left: 14px; }
.product-cat ul li:nth-child(3n-1) { margin-right: 14px; margin-left: 14px; }
.product-cat ul li h3 { font-size: 13px; color: #005281; margin-top: 5px; margin-bottom: 5px; }
.product-cat ul li p { line-height: 16px; }
.product-cat ul li p a { color: #005281; }
.product-cat ul li a:hover { text-decoration: none; }
/*.products-slide { overflow: hidden; }
.products-slide li { float: left; margin-right: 5px; }
.products-slide li img { max-width: 95px; }*/
.product-cat ul li a:hover { text-decoration: none; }
.paging { float: left; width: 100%; margin-top: 20px; text-align: right; }
.paging span span { padding-left: 8px; padding-right: 8px; padding-top: 4px; padding-bottom: 2px; background-color: #005281; color: #e6e6e6; }
.paging span a { padding-left: 8px; padding-right: 8px; padding-top: 4px; padding-bottom: 2px; background-color: #e6e6e6; color: #005281; }
.paging span a:hover { text-decoration: none; background-color: #005281; color: #e6e6e6; }
.divFloat { width: 298px; height: 198px; position: absolute; border: solid 1px #707070; z-index: 100; background-color: #FFF; left: 175px; top: 10px; padding: 10px; display: none; }
.divFloat .divFloat-left { width: 190px; float: left; }
.divFloat .divFloat-left h2 { font-size: 14px; color: #005281; }
.divFloat .divFloat-left h2 a { color: #005281; text-decoration: none; margin-bottom: 10px; }
.divFloat .divFloat-right { width: 90px; float: right; padding-left: 15px; text-align: right; }
.arrow { position: absolute; width: 10px; height: 11px; background: url("../images/bg.png") no-repeat scroll -33px -47px transparent; z-index: 101; top: 35px; left: -9px; z-index: 101; }

.pagination { margin: 0px 0px; text-align: right; }
.pagination a { padding: 5px 5px; color: #005281; background: #e6e6e6; margin: 0; text-decoration: none; }
.pagination a.current { font-weight: bold; color: #fff; background: #005281; }
.pagination a:hover { color: #fff; background: #005281; }
#slide { width: 1000px; height: 470px; float: left;position: relative; }
#control { /*width: 159px; height: 32px; padding: 7px 0 0 55px; margin: 336px 0 0 365px*/ bottom: 10px;right: 10px; position: absolute; z-index: 30; }
#control a { width: 14px; height: 14px; margin: 0 4px; text-indent: -5000px; background-color: #FFF; text-decoration: none; float: left; }
#control a.active, #control a:hover { background-color: #ffbd3b; }
#control span { display: none; }
.divFloat-right a { display: list-item !important; float: none !important; margin-top: 0px !important; }
.divFloat-right a img { margin-bottom: 5px; }
.divFloat-left p { line-height: 16px; }
.divFloat-left h2 a { width: 100% !important; }
.product-cat-item { background-position: center center; width: 227px; height: 160px; overflow: hidden; }
#LoginForm, #RegisterForm { background-color: #002746; padding-top: 18px; padding-right: 2px; width: 998px; text-align: right; position: relative; }
.LoginForm { background-color: #002746; }
1px; border-bottom: solid 1px #7da2bd; border-top: solid 1px #7ba3bc; border-left: solid 1px #7ba3bc; border-right: solid 1px #7ba3bc; font-size: 11px; color: #434343; }
.txtUserName, .txtPassword,.txtProvince, .rightCol label{ margin-bottom: 5px;float: left;}
.txtUserName, .txtPassword,.txtProvince, .rightCol label{ margin-bottom: 5px;float: left;}
.txtProvince { width: 178px; border-bottom: solid 1px #7da2bd; border-top: solid 1px #7ba3bc; border-left: solid 1px #7ba3bc; border-right: solid 1px #7ba3bc; height: 18px; font-size: 11px; line-height: 18px; color: #434343; }
.rightCol img { float: right;}
.txtCode { width: 104px;margin-left: 5px;}
.leftCol, .rightCol { float: right; width: 178px; margin-left: 5px; margin-right: 5px; text-align: left; color: #FFF; font-size: 11px; font-weight: bold; }
.leftCol label { float: left; margin-top: 5px; }
.cboRemember { margin: 0px; margin-right: 5px; }
.txtPassword { margin-right: 98px; }
.txtPassword, .txtUserName { padding-left: 5px;}
.btnLogin { width: 77px; height: 19px; background: transparent url(../images/bg.png) no-repeat scroll -116px -230px; border: none; position: absolute; right: 5px; top: 20px;cursor: pointer; }
.btnCancel { width: 62px;height: 19px;background: transparent url(../images/btn-cancel.jpg) no-repeat; border: none;right: 1px;bottom: 0px;margin-bottom: 10px;margin-top: 10px;cursor: pointer;}
.formWrapper { width: 100%;float: left;margin-bottom: 25px;padding-bottom: 15px;}
.notifyCol { text-align: left;color: #FFF;margin-left: 20px;font-size: 11px;float: left;}

.registerLeftCol { float: left; width: 400px; margin-left: 5px; margin-right: 5px; text-align: left; color: #FFF; font-size: 11px; font-weight: bold; }

.txtRegister { width: 171px; font-size: 11px; line-height: 18px; color: #434343; border: solid 1px #7da2bd;}
.tableRegister tr td { font-size: 12px; line-height: 35px; color: #434343; border-bottom: solid 1px #7da2bd;}
.supplierCategory { font-size: 14px; font-weight:bold; line-height: 35px; color: #434343; border-bottom: solid 1px #7da2bd;}
/*Footer*/
.footer { /*background-color: #005281;*/width: 1000px;height:300px; margin: 0 auto; background: url("../images/Banner-bottom_vach.png") no-repeat;  }
.footer ul li { display: inline; position: relative; width: 45px; height: 30px; float: left; margin-bottom:5px; margin-right: 10px;}
.footer ul li a img { display: block; width:45px;}
.footer .lienlac {
        width: 359px;
        padding-left: 274px;
        padding-top: 114px;
        color: white;
        font-size: 8.5pt;
        font-family: Verdana;
        float: left;
        line-height:28px;
    }
.navigationbar {
    text-transform: uppercase;
    color:#0095d0;
}
.footer .followus {
    width: 280px; 
    height: 45px;
    float: left; 
    background:url("../images/FOLLOW-US.png") no-repeat;
}
.footer .dangkinhantin {
    width: 349px;
    height: 61px;
    background:url("../images/DANGKYNHANTIN.png") no-repeat;
}
.footer .dangkinhantinbutton {
    background: transparent url("../images/DANGKYNHANTIN_button.png") no-repeat top;
    border: none;
    cursor: pointer;
    
}
